
<template >
  <div style="background:#f3f3f3;height:100%;">
    <header class="mint-header" style="font-size: 18px;">
      <div class="mint-header-button is-left">
        <button class="mint-button mint-button--default mint-button--normal" style="font-size: 15px;" @click="option">
          <span class="mint-button-icon">
            <i class="mintui mintui-back" />
          </span>
          <label class="mint-button-text">返回</label>
        </button>
      </div>
      <h1 class="mint-header-title">任务</h1>
      <div class="mint-header-button is-right" />
    </header>
    <div class="mt_10">
      <mt-cell to="post_task" title="发布任务" is-link>

        <img slot="icon" src="../static/faqirenwu.png" width="20" height="20">

      </mt-cell>
    </div>
    <div class="mt_10">

      <mt-cell style="border-bottom:1px solid #f3f3f3;" to="/task_list?pagetype=1" title="我的任务" is-link>

        <img slot="icon" src="../static/daichuli.png" width="20" height="20">
      </mt-cell>

      <mt-cell style="border-bottom:1px solid #f3f3f3;" to="/task_list?pagetype=2" title="抄送我的任务" is-link>

        <img slot="icon" src="../static/daichuli.png" width="20" height="20">
      </mt-cell>

      <mt-cell style="border-bottom:1px solid #f3f3f3;" to="/task_list?pagetype=3" title="我发布的任务" is-link>

        <img slot="icon" src="../static/daichuli.png" width="20" height="20">
      </mt-cell>
    </div>

  </div>
</template>

<script>
import uploadpic from '~/components/uploadpic.vue'
export default {
  name: 'App',
  layout: 'default2',
  components: {
    uploadpic
  },
  data () {
    return {}
  },
  created () { },
  methods: {
    gonuxt (val, name) {
      this.$router.push({ name: val, query: { name: name } })
    },

    option () {
      this.$router.push({
        name: 'jbrhome',
        query: {
          name: ''
        }
      })
    }
  }
}
</script>
<style scoped>
html,
body,
#app {
  height: 100% !important;
  background: #f3f3f3 !important;
}
a {
  text-decoration: none;
}
.blockDiv {
  margin-top: 100px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: scroll;
}
.block {
  width: calc(calc(100% / 2) - 10px);
  margin: 5px;
  height: 80px;
  text-align: center;
  box-sizing: border-box;
}
.info-title {
  padding: 10px;
  color: #ccc;
  font-size: 16px;
}
.bg-con {
  background: #fff;
  width: 95%;
  margin: 0 auto 5px;
}
.img_id img {
  width: 100%;
  margin: 10px 5px;
  text-align: center;
  box-sizing: border-box;
}
.mint-cell-wrapper {
  font-size: 14px;
}
.xuli_div {
  background: #fff;
  padding: 5px;
  font-size: 15px;
  width: 95%;
  margin: 0 auto;
}
.xuli_span {
  border-left: 3px solid #ccc;
  display: inline-block;
  padding-left: 5px;
}
.mint-field-core {
  text-align: right !important;
}
.mt_10 {
  margin-top: 10px;
}
</style>
